<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/index.css">
    <title>贪吃蛇</title>
</head>

<body>
    <div id="box">
        <canvas id="SnackArea"></canvas>
        <div id="toolbar">
            <div id="GameScore">0</div>
            <div id="GameTime">0</div>
            <div id="buttons">
                <button id="start"></button>
                <button id="pause"></button>
            </div>
        </div>
        <div id="GameOver" class="gaming"></div>
    </div>
    <audio src="../audio/Cut_01.mp3" id="bgmusic" preload="auto" loop></audio>
    <audio src="../audio/si.mp3" id="addmusic" preload="auto"></audio>
    <audio src="../audio/boing3.wav" id="overmusic" preload="auto"></audio>
    <script src="../js/index.js" type="module"></script>
</body>

</html>